/*
  1. 使用更直观的盒模型（box-sizing）
*/
*, *::before, *::after {
  box-sizing: border-box;
}

/*
  2. 取消默认margin
*/
* {
  margin: 0;
}

/*
  3. 允许通过百分比设置应用的高度
*/
html, body {
  height: 100%;
}

/*
  4. 更合适的行高
  5. 优化text的渲染平滑度
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
  6. 更合理的多媒体默认展示方式
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/*
  7. 避免奇怪的默认文字风格
*/
input, button, textarea, select {
  font: inherit;
}

/*
  8. 避免换行布局混乱
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/*
  9. 叠层处理
*/
#root, #__next {
  isolation: isolate;
}